<template>
  <div>
    <!-- 🐷🐶
    <column>
      <h1>🐭</h1>
      <span>🐮</span>
    </column> -->
    <!-- <column>
      <span slot="head">🐍</span>
      <span slot="foot">🐰</span>
    </column> -->
    <!-- 作用域插槽需要给标签加上slot-scope属性，它的值是一个对象，这个对象中保存的有slot组件里面的属性，可以通过对象语法访问到 -->
    <column>
      <!-- <span>🐉</span> -->
      <p slot-scope="obj">
        演示作用域插槽{{obj.size}} {{obj.green}}
      </p>
    </column>
  </div>
</template>
<script>
// 引入组件
import Column from '../components/Column'
export default {
  // 注入组建
  components: {
    Column
  }
}
</script>
